.container_popup_avatar {
    // position: absolute;
    // z-index: 1;
    // top: 0;
    background-color: transparent !important;
    flex: 1;
    // padding: 0 100px !important;
    // background: var(--backGroundImage) !important;
    // background-image: var(--backGroundImage), url('../../../../asset/imgs/login_bg1.png');
    /* 设置背景图片的位置，同样用逗号隔开，第一个位置对应第一个图片，第二个位置对应第二个图片 */
    background-size: cover, cover;
    /* 两张图片都铺满 */
    background-position: top, bottom;
    /* 图片分别位于顶部和底部 */
    background-repeat: no-repeat;
    /* 避免图片重复 */
    display: flex;
    flex-direction: column;
    align-items: center;

    // justify-content: center !important;
    &>div {
        position: absolute;
        top: 150px;

        .that_header {
            margin-bottom: 0 !important;

            h2 {
                text-align: center;
            }

            margin-top: 0 !important;
        }

        .adm-list {
            display: flex;
            justify-content: center;

            .adm-list-body {
                height: 150px;
                flex: 1;

                .adm-list-item {
                    margin: 0 !important;
                    padding: 0 !important;
                    height: 150px;

                    border: none !important;
                    background-color: transparent !important;

                    .adm-form-item-child-inner {
                        height: 150px;
                        flex-direction: column;

                        .crooped_wraper {
                            width: 100%;
                            display: flex;
                            flex-direction: column;
                            align-items: center;

                            .cropped_img {
                                flex: 1;
                                position: relative;
                                width: 3.2rem;
                                height: 3.2rem;
                                border-radius: 50%;
                                margin-top: 20px;

                                img {
                                    width: 3.2rem;
                                    height: 3.2rem;
                                    border-radius: 50%;
                                }

                                div {
                                    text-align: center;
                                    border-radius: 0 10px;
                                    color: black;
                                    background: gray;
                                    opacity: 0.9;
                                    position: absolute;
                                    top: 2px;
                                    right: 0;

                                    svg {
                                        color: white;
                                        width: 25px;
                                        height: 25px;
                                        vertical-align: -0.335em !important;
                                    }
                                }

                            }
                        }


                        .adm-space.adm-space-block {
                            flex-direction: column !important;
                            align-items: center;

                            .adm-space-item {
                                margin-right: 0 !important;

                                .adm-image-uploader-cell {
                                    margin: 0 auto;
                                    width: 120px !important;
                                    height: 120px !important;
                                    margin-top: 20px;
                                    margin-bottom: 20px;
                                    vertical-align: middle;
                                    overflow: auto;

                                    .adm-image-uploader-cell-image {
                                        width: 100% !important;
                                        height: 100% !important;
                                        border-radius: 50% !important;
                                        overflow: hidden !important;
                                        box-sizing: border-box;
                                        border: 1px solid gray;

                                        img {
                                            width: 100% !important;
                                            height: 100% !important;
                                        }
                                    }

                                    .adm-image-uploader-cell-delete {
                                        width: 25px;
                                        height: 25px;

                                        svg {
                                            left: 0;
                                            top: 0;
                                            width: 25px;
                                            height: 25px;
                                        }
                                    }

                                    &.adm-image-uploader-upload-button {
                                        border-radius: 50%;

                                        .adm-image-uploader-upload-button-icon {
                                            position: absolute;
                                            top: 50%;
                                            left: 50%;
                                            transform: translate(-50%, -50%);
                                            font-size: 50px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}